<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <base href="<%=basePath%>">

    <!-- jsp文件头和头部 -->
    <%@ include file="../system/admin/top.jsp" %>

    <script type="text/javascript" src="static/js/layer.js"></script>
    <link rel="stylesheet" href="static/css/layui.css" media="all">
</head>

<body>


<div class="container-fluid" id="main-container">
    <div id="page-content" class="clearfix">
        <div class="row-fluid">
            <div class="row-fluid">
                <!-- 检索  -->
                <form action="financePro/list" method="post" name="pageForm"
                      id="pageForm">
                    <table>
                        <tr data-width="200px">
                            <td width="200px"><input autocomplete="off" id="call_loan_nid" type="text"
                                                     name="call_loan_nid" placeholder="催收编号"
                                                     value="${pd.call_loan_nid }"/></td>
                            <td width="200px"><input autocomplete="off" id="real_name" type="text"
                                                     name="real_name" placeholder="借款人姓名"
                                                     value="${pd.real_name }"/></td>
                            <td width="200px"><input autocomplete="off" id="cont_id_card" type="text"
                                                     name="cont_id_card" placeholder="借款人身份证"
                                                     value="${pd.cont_id_card }"/></td>
                            <td>&nbsp</td>
                            <td width="200px" style="vertical-align: top;">催收组： <select
                                    class="chzn-select" name="status" data-placeholder="不限"
                                    style="width: 150px;">
                                <option value=""></option>
                                <option value="">不限</option>

                                <option value="1"
                                        <c:if test="${pd.overdue_duration==1}">selected='selected'</c:if>>C~M1
                                </option>

                                <option value="2"
                                        <c:if test="${pd.overdue_duration==2}">selected='selected'</c:if>>M1~M2
                                </option>
                            </select>
                            </td>
                            <td width="200px"><input autocomplete="off" id="product_name" type="text"
                                                     name="product_name" placeholder="逾期天数"
                                                     value="${pd.product_name }"/></td>
                            <td width="200px" style="vertical-align: top;"><br>逾期阶段： <select
                                    class="chzn-select" name="status" data-placeholder="不限"
                                    style="width: 150px;">
                                <option value=""></option>
                                <option value="">不限</option>

                                <option value="1"
                                        <c:if test="${pd.status==1}">selected='selected'</c:if>>M1
                                </option>

                                <option value="2"
                                        <c:if test="${pd.status==2}">selected='selected'</c:if>>M2
                                </option>
                            </select>
                            </td>
                            <td>&nbsp&nbsp&nbsp</td>
                            <td style="vertical-align: top;">
                                <button
                                        class="btn btn-mini btn-light">
                                    <i id="nav-search-icon" class="icon-search">查询</i>
                                </button>
                            </td>
                        </tr>
                    </table>
                    <table id="table_report"
                           class="table table-striped table-bordered table-hover">
                        <thead>
                        <tr>
                            <th><input type="checkbox"></th>
                            <th>催收编号</th>
                            <th>借款人姓名</th>
                            <th>借款人身份证</th>
                            <th>借款编号</th>
                            <th>借款产品名称</th>
                            <th>逾期期数</th>
                            <th>催收组</th>
                            <th>逾期天数</th>
                            <th>催收员</th>
                            <th>催收状态</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <!-- 开始循环 -->
                        <c:choose>
                            <c:when test="${not empty list}">
                                <c:if test="${QX.cha == 1 }">
                                    <c:forEach items="${list}" var="var" varStatus="vs">

                                        <tr>
                                            <td class='center' style="width: 30px;">${vs.index+1 }</td>
                                            <td>${var.product_id}</td>
                                            <td>${var.product_name}</td>
                                            <td><fmt:formatDate value="${var.create_time }"
                                                                pattern="yyyy年MM月dd日HH点mm分ss秒"/></td>
                                            <td>${var.collect_day }<span>天</span></td>
                                            <td><c:if test="${var.status == '1' }">
                                                <span class="label label-success arrowed">发售中</span>
                                            </c:if> <c:if test="${var.status == '2' }">
                                                <span class="label label-success arrowed">停售</span>
                                            </c:if></td>
                                            <td><a id="aurl"
                                                   href="financePro/findFinance?id=${var.id }" title="查看详情"><span
                                                    class="label label-success arrowed">查看详情</span></a> <a
                                                    id="aurl" onclick="addBale('${var.id}')"> <c:if
                                                    test="${ empty var.pack_nid  }">
                                                <span class="label label-success arrowed">新增打包规则</span>
                                            </c:if>
                                            </a> <a id="aurl" onclick="editBale('${var.id}')"> <c:if
                                                    test="${ not empty var.pack_nid  }">
                                                <span class="label label-success arrowed">修改打包规则</span>
                                            </c:if>
                                            </a> <c:if test="${QX.edit == 1 }">
                                                <a href="financePro/goEdit?id=${var.id }" title="修改产品">
                                                    <span class="label label-success arrowed">修改产品信息</span>
                                                </a>
                                            </c:if></td>
                                        </tr>
                                    </c:forEach>
                                </c:if>
                            </c:when>
                            <c:otherwise>
                                <tr class="main_info">
                                    <td colspan="100" class="center">没有相关数据</td>
                                </tr>
                            </c:otherwise>
                        </c:choose>
                        </tbody>
                    </table>

                    <div class="page-header position-relative">
                        <table style="width: 100%;">
                            <tr>
                                <td style="vertical-align: top;">
                                    <div class="pagination"
                                         style="float: right; padding-top: 0px; margin-top: 0px;">${page.pageStr}</div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </form>
            </div>
            <!-- PAGE CONTENT ENDS HERE -->
        </div>
        <!--/row-->
    </div>
    <!--/#page-content-->
</div>
<!--/.fluid-container#main-container-->
<!-- 返回顶部  -->
<a href="#" id="btn-scroll-up" class="btn btn-small btn-inverse"> <i
        class="icon-double-angle-up icon-only"></i>
</a>
<!-- 引入 -->
<script type="text/javascript">
    window.jQuery
    || document
        .write("<script src='static/js/jquery-1.9.1.min.js'>\x3C/script>");
</script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/ace-elements.min.js"></script>
<script src="static/js/ace.min.js"></script>
<script type="text/javascript" src="static/js/chosen.jquery.min.js"></script>
<!-- 单选框 -->
<script type="text/javascript"
        src="static/js/bootstrap-datepicker.min.js"></script>
<!-- 日期框 -->
<script type="text/javascript" src="static/js/bootbox.min.js"></script>
<!-- 确认窗口 -->
<!-- 引入 -->
</body>
</html>

